<!doctype html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>התקציב הפתוח לאנשי מקצוע</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
    <script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js'></script>
    <script src='js/jquery.multiselect.js'></script>  <!-- http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/ -->
    <script src='js/jquery.dataTables.rowGrouping.js'></script>  <!-- http://code.google.com/p/jquery-datatables-row-grouping/ -->
    <script src="/table/media/js/jquery.dataTables.js"></script> 
	<script src='js/lib/highcharts.js'></script> 

    <link rel="stylesheet" href="css/obudget.css" type="text/css">
    <link rel="stylesheet" href="css/oobudget.css" type="text/css">
    <link rel="stylesheet" href="css/jquery.multiselect.css" type="text/css">
    <link rel="stylesheet" href="css/jquery.dataTables.rowGrouping.css" type="text/css">
      <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/eggplant/jquery-ui.css" />
    <style type="text/css" title="currentStyle">
      @import "/table/media/css/demo_page.css";
      @import "/table/media/css/demo_table.css";
      .hebrew { font-family: arial; text-align: right;}
      .pagetitle { text-align: center }
      .multis { margin-right: 5px; margin-left: 5px }
      p { padding-top: 10px; }
      h1, h2, h3, h4, h5 { color: blue; }
      #add_expense_table td { padding-top: 10px; padding-bottom: 10px; }
    </style>
    <!-- Google Analytics -->
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-30670444-1']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>
  </head>
 <body dir='rtl' class='hebrew alltext'>
   <div id='main_container'>
     <div id="main_header_container" class="header_div">
       <div id="top_row">
        <table width="100%">
          <tr>
            <td width="20%">
              <span class='header_title'>חוקר התקציב</span>
               <br/>
               <span class='header_subtitle'>הסדנא לידע ציבורי</span>
            </td>
            <td width="60%" class="center">

              <div id="bucket_management">
                  <span style='current_bucket_name' id='current_bucket_span'>מחרוזת חדשה</span>
                  <select id='bucketSaveSelect'></select>
                  <input type='text' id='newBucketName' placeholder='שם המחרוזת החדשה'></input>
                  <input type='button' id='saveBucketButton' value='שימרו' ></input>
                  <input type='button' id='loadBucketButton' value='טענו' />
                  <input type='button' id='deleteBucketButton' value='מיחקו' />

              </div>
            </td>
            <td width="20%" id="user_details_container">
              <a href='http://help.takziv.com' target='_blank' class="internal_link">עזרה</a>
              <span id='useremail' class="reg_text"></span>
            </td>
          </tr>
        </table>
       </div>
      </div>
       
      <div id="years_div" class="left_div">
        <span style='vertical-align: center'><p>
              שנים רלוונטיות
          <select id='yearsSelect' class="multiselect" multiple=multiple'></select>
          <span id='yearsText' style='font-size: small'></span>
        </p></span>
        <p>
          <input type='checkbox' id='isPublicCheckbox'></input><label for='isPublicCheckbox'>מחרוזת זו הינה ציבורית</label>
        </p>
      </div>

      <div id="add_expense_container" class='left_div'>
        <div class="section_title">הוספת סעיפים</div>
        <div id="add_expense_row">
          <span class="reg_text">מספר סעיף: </span>
          <input type="text" id="expense_code" style='width: 90px'></input>
          <span class="reg_text">חלק יחסי: </span>
          <input type='number' min="5" max="100" step="5" id='expense_weight' style='width: 80px' value='100'></input>
          <input type='button' id='add_expense' value='הוסיפו'></input>
          <img id='spinner' src='../images/ajax_spinner.gif' width='25' style='display: none'></img>
        </div>
        <div class="">
          <span class="reg_text">כלי עזר: </span>
          <a class="internal_link" href="http://budget.msh.gov.il/">התקציב הפתוח</a>
          <a class="internal_link" href="http://religinfoserv.gov.il/magic94scripts/mgrqispi94.dll?APPNAME=budget&PRGNAME=takzivreq">מערכת משרד האוצר</a>
        </div>
      </div>

      <!-- need this just for clear: both -->
      <div style='clear:both'></div>
      <div class="section_title">סעיפים</div>
      <table cellpadding="0" cellspacing="0" border="0" class="display hebrew" id="output_table"></table>

    <!-- need this just for clear: both -->
    <div style='clear:both'></div>
    
	  <div id="expenses_graph" style="direction:ltr">
    </div>
    <div id="expenses_graph_by_expense" style="direction:ltr">
    </div>
    
	
      <script src='js/obudget.js'></script>
      <script src='js/presentation.js'></script>
      <script src='js/DataStorage.js'></script>
      
      <div style='clear:both'></div><div></div>
    </div>
    <div id='footer'>
      <span>פרוייקט נוסף מבית</span>
      <a href="http://www.hasadna.org.il/" target="_blank" class="hasadna"><img src="img/hasadna-badge.png"></a>
    </div>
    </div>
  </body>
</html>
